<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>利用率监控</title>
    <script src="../../js/jquery-3.5.1.slim.min.js"></script>
    <script src="../../js/popper-1.16.0.min.js"></script>
    <script src="../../js/bootstrap-4.5.0.min.js"></script>
    <script src="../../js/vue-2.6.11.min.js"></script>
    <script src="../../js/axios-0.19.2.min.js"></script>
    <script src="../../js/bootstrap-table-1.16.0.min.js"></script>
    <script src="../../js/bootstrap-table-zh-CN-1.16.0.min.js"></script>
    <script src="../../js/bootstrap-table-vue-1.6.0.min.js"></script>
    <script src="../../js/echarts-4.9.0.min.js"></script>
    <link rel="stylesheet" href="../../css/bootstrap-4.5.0.min.css">
    <link rel="stylesheet" href="../../css/all-5.6.3.min.css">
    <link rel="stylesheet" href="../../css/bootstrap-table-1.16.0.min.css">
</head>
<body>
    <div id="app" class="container">
        <h2>利用率监控</h2><br>
        <form>
            <div class="row">
                <div class="form-group">
                    <label>在线主机：</label>
                    <select class="form-control" v-model="hostId">
                        <option v-for="item in online_host_list" :value="item.hostid">
                            {{ item.host }}
                        </option>
                    </select>
                </div>
                <div class="form-group">
                    <label>可选监控项：</label>
                    <select class="form-control" v-model="name">
                        <option value="CPU utilization" selected>CPU</option>
                        <option value="Memory utilization">内存</option>
                    </select>
                </div>
            </div>
            <button type="button" class="btn btn-primary btn-lg" v-on:click="getUtilizationByName">提交</button><br><br>
        </form>

        <bootstrap-table ref="table" :columns="columns" :data="data" :options="options"></bootstrap-table>
        <div id="main" style="width: 600px;height:400px;"></div>
    </div>
    <script src="../../js/demo/demo.js"></script>
</body>
</html>